<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template2.xhtml">
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="PF('statusDialog').show()"
					onsuccess="PF('statusDialog').hide()" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Loading"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog>
				<h:form id="form">
					<p:messages id="msg" />
					<p:growl id="men" />
					<p:panel id="panelCategorias" header="Categorias" >
						<h:panelGrid columns="2" id="panelGrid" style="margin: 0 auto;">
						
							<h:outputText id="msgNombre" value=" Nombre:" />
							<p:inputText id="txtNombre" 
								binding="#{categoriasView.txtNombre}" />
								
							<h:outputText id="msgEstadoRegistro" value=" Estado:" />
							<p:selectOneMenu id="txtEstadoRegistro"
								value="#{categoriasView.estado}" 
								 style="width:100%">
								<f:selectItem itemLabel="Activo" itemValue="A" />
								<f:selectItem itemLabel="Retirado" itemValue="R" />
							</p:selectOneMenu>

						</h:panelGrid>
					</p:panel>
					<p:panel id="panelBotones">
						<div align="center">
							<p:commandButton id="btnSave" binding="#{categoriasView.btnSave}"
								value="Guardar"
								action="#{categoriasView.guardarCategoria()}"
								update="form, :form:tabla" />
							<p:commandButton id="btnClear" binding="#{categoriasView.btnClear}"
								value="Limpiar"
								action="#{categoriasView.limpiar()}" 
								update="form" />
							<!--  <p:commandButton id="btnDelete"
								binding="#{categoriasView.btnDelete}" 
								value="Eliminar" action="#{categoriasView.action_delete_master()}"
								onclick="if(!confirm('Desea eliminar este registro?')){return false;}"
								update="panelCategorias,msg,panelBotones" />-->
						</div>
					</p:panel>
					
					    <p:panel id="panelDataTable" header="Categorias">
						<p:dataTable value="#{categoriasView.categoriaDataModel}"
							var="categoria" selection="#{categoriasView.selectedCategorias}"
							id="tabla" paginator="true" rows="5" >

							<p:column selectionMode="single" style="width:3%" />

							<p:column filterBy="#{categoria.nombre}"
								sortBy="#{categoria.nombre}">
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{categoria.nombre}" />
							</p:column>

							<p:column filterBy="#{categoria.estadoRegistro}"
								sortBy="#{categoria.estadoRegistro}">
								<f:facet name="header">
									<h:outputText value="Estado Registro" />
								</f:facet>
								<h:outputText value="#{categoria.estadoRegistro}" />
							</p:column>

							<f:facet name="footer">
								<p:commandButton id="btonEditar" value="Editar"
									action="#{categoriasView.editar()}" 
									icon="ui-icon-newwin" update=":form"
									binding="#{categoriasView.btnModify}" />

							</f:facet>

						</p:dataTable>
					</p:panel>
					
				</h:form>
			</f:view>
		</ui:define>
	</ui:composition>
</h:body>
</html>
